var playPresents=[];



$(window).load(function() {

	var defWidth = 640, defHeight = 480;
	var defDelay=5;	
	var shift=49;
	

	function iterateSlides() {
		$(".present.playing").each(function(){
			var width = $(this).attr("screen-width") || defWidth;
			var slideCount=$(this).find("img").length;
			$(this).find(".slides").animate({marginLeft : '-=' + width + 'px'	}, 500);
			var i = parseInt($(this).attr("current")) + 1;
			if (i == 1) {
				$(this).find(".prev").show();
				$(this).find(".play-pause").css("margin-left","-="+shift);
			}
			$(this).attr("current", i);
			if (i >= slideCount - 1) {
				$(this).find(".next").hide();
				$(this).removeClass("playing");
				$(this).find(".play-pause").html("PLAY");
				
			}

			
		})
	}

	var globaTimer=setInterval(iterateSlides,3000);


	$(".present").each(function(index) {
		var slideDelay = $(this).attr("slide-delay") || defDelay;
		
		$(this).find(".slide").each(function(){
			var thisSlideDelay = $(this).attr("slide-delay") || defDelay;
			$(this).attr("slide-delay",thisSlideDelay); 
		});
		
		var width = $(this).attr("screen-width") || defWidth;
		$(this).attr("screen-width",width);
		var height = $(this).attr("screen-height") || defHeight;
		var screen = $(this).find(".screen");
		var screenAndNav = $(this).find(".screen-and-nav");
		var slideInitialWidth = $(this).find("img:first").width();
		var slideInitialHeight = $(this).find("img:first").height();
		var slideCount = $(this).find("img").length;
		$(this).find(".slide").width(width);
		$(this).find(".slide").height(height);
		$(this).find(".slides").width(width * slideCount);
		$(this).attr("current", "0");
		$(this).find(".prev").hide();
		$(this).find(".play-pause").css("margin-left","+="+shift);
		if (slideCount < 2) {
			$(this).find(".next").hide();
	

		}
		// alert
		
		$(this).find("img").each(function(){
			if ($(this).width() / $(this).height() >  width / height){
				var h=parseInt((height - width*($(this).height() / $(this).width()))/2);
				$(this).width(width);
				$(this).css("margin-top",h+"px");
				
			}else 
			{
				$(this).height(height);
			}
		});
		
/*		if (slideInitialWidth / slideInitialHeight > width / height) {
			$(this).find("img").width(width);
		} else {
			$(this).find("img").height(height);
		}
*/
		// var img = $(this).find("img").width(width); // Get my img elem

		screen.width(width);
		screen.height(height);
		screenAndNav.width(width);

		$(this).find(".next").click(function() {
			$(this).parents(".present").find(".slides").animate({
				marginLeft : '-=' + width + 'px'
			}, 500);
			var i = parseInt($(this).parents(".present").attr("current")) + 1;
			if (i == 1) {
				$(this).parents(".present").find(".prev").show();
				$(this).parents(".present").find(".play-pause").css("margin-left","-="+shift);

			}
			$(this).parents(".present").attr("current", i);
			if (i >= slideCount - 1) {
				$(this).hide();
			}
		});

		
		$(this).find(".play-pause").click(function(){
			if ($(this).html()=="PLAY") {
				if ($(this).parents(".present").attr("current") >= slideCount-1){
					
					$(this).parents(".present").find(".slides").animate({
						marginLeft : '0px'
					}, 500);
					$(this).parents(".present").attr("current",0);
					$(this).parents(".present").find(".next").show();
					$(this).parents(".present").find(".prev").hide();
					$(this).parents(".present").find(".play-pause").css("margin-left","+="+shift);
					
				}
				$(this).html("PAUSE");
				//playPresents.push($(this).parents(".present"));
				$(this).parents(".present").addClass("playing");
				} else {
					$(this).html("PLAY");
					$(this).parents(".present").removeClass("playing");
				}
		});
		
		$(this).find(".prev").click(function() {
			$(this).parents(".present").find(".slides").animate({
				marginLeft : '+=' + width + 'px'
			}, 500);
			var i = parseInt($(this).parents(".present").attr("current")) - 1;
			if (i == slideCount - 2) {
				$(this).parents(".present").find(".next").show();
			}
			$(this).parents(".present").attr("current", i);
			if (i < 1) {
				$(this).hide();
				$(this).parents(".present").find(".play-pause").css("margin-left","+="+shift);
			}
		});

	});

});